var data = {
    info : "Hello world", // ①⑥
    message: '页面加载于 ' + new Date().toLocaleString(), // ②
    seen: true, // ③
    todos: [ // ④
        { text: '学习 JavaScript' },
        { text: '学习 Vue' },
        { text: '整个牛项目' }
    ],

    groceryList: [ // ⑦
        { id: 0, text: '蔬菜' },
        { id: 1, text: '奶酪' },
        { id: 2, text: '随便其它什么人吃的东西' }
    ]

};

// 注册组件（全局）// ⑦
Vue.component('todo-item', {
    props: ['todo'],
    template: '<li>{{ todo.text }}</li>'
});

// 创建根实例
var vm = new Vue({
    el: '#app',
    data: data,

    methods: {
        reverseMessage: function () { // ⑤
            this.message = this.message.split('').reverse().join('')
        }
    }
});